<!--HTML 版本文档标记: HTML5-->
<!DOCTYPE html>
<!--HTML: 超文本标记语言-->
<html>
<!--HTML 文档头部-->
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
</head>
<!--网页正文-->
<body>
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <p>自2011年正式上线，英雄联盟已经与各位召唤师一同走过了十个年头，十年间，召唤师峡谷几经沧海桑田，越来越多的新英雄加入到战场中;在峡谷之外，电竞赛事与英雄联盟宇宙也逐渐枝繁叶茂;而这都要感谢作为召唤师的你以及那些与你一起开黑的小伙伴们，与英雄联盟一同成长至今。</p>
    <p>为感谢召唤师们的陪伴，英雄联盟官方准备了如下福利回馈活动，诚挚邀请各位参与到这场属于所有召唤师的盛事中。</p>
    <strong>strong: 活动时间:2021年9月3日 15:00～2021年10月17日 23:59</strong><br>
    <em>奖励领取截止时间：10月17日 23：59分</em><br>
    <b>加粗</b><br>
    <i>斜体</i><br>
    <a href="https://lol.qq.com/main.shtml">英雄联盟官方网站</a><br>
    <a href="customer/login.html">前往登录页面</a><br>
    <a href="https://lol.qq.com/act/a20210719fight/index.html?e_code=500130"><img src="images/1.png"></a>
    <table border="1">
        <caption>海外病例</caption>
        <tr>
            <th>国家(地区)</th>
            <th>新增病例</th>
            <th>累计确诊</th>
            <th>治愈</th>
            <th>死亡</th>
        </tr>
        <tr>
            <td>美国</td>
            <td>3051</td>
            <td rowspan="3">39668541</td>
            <td colspan="2">30826478</td>
            <td>654696</td>
        </tr>
        <tr>
            <td>印度</td>
            <td>3051</td>
            <td>39668541</td>
            <td>30826478</td>
            <td>654696</td>
        </tr>
        <tr>
            <td>日本</td>
            <td>3051</td>
            <td>39668541</td>
            <td>30826478</td>
            <td>654696</td>
        </tr>
    </table>
    <form action="服务器的URL">
        <label>用户名:</label> <input type="text" placeholder="请输入用户名"><br>
        <label>密码:</label> <input type="password" placeholder="请输入密码"><br>
        <label>确认密码:</label> <input type="password" placeholder="确认密码"><br>
        <label>性别:</label><br>
            <input type="radio" name="gender" value="男">男<br>
            <input type="radio" name="gender"value="女">女<br>
        <label>证件类型:</label><br>
            <input type="radio" name="card" value="身份证">身份证<br>
            <input type="radio" name="card" value="护照">护照<br>
            <input type="radio" name="card" value="驾驶证">驾驶证<br>
            <input type="radio" name="card" value="军官证">军官证<br>
        <label>职业:</label><br>
        <select>
            <option>IT</option>
            <option>教育</option>
            <option>工人</option>
            <option>待业</option>
        </select><br>
        <label>籍贯:</label><br>
        <select>
            <option>徐州</option>
            <option>扬州</option>
            <option>南京</option>
            <option>苏州</option>
        </select><br>
        <label>评论:</label><br>
        <textarea></textarea> <br>
        <label>日期选择器:</label><br>
        <input type="date">
        <input type="time"><br>
        <label>颜色选择器:</label><br>
        <input type="color"><br>
        <label>数值选择器:</label><br>
        <input type="number"><br>
        <label>邮箱:</label><br>
        <input type="email"><br>
        <input type="submit" value="提交">
        <input type="button" value="取消">
        <input type="reset" value="重置">

        <!--<label>职业:</label><br>-->
        <!--<select>-->
            <!--<option>采矿</option>-->
            <!--<option>制造</option>-->
            <!--<option>教育</option>-->
            <!--<option>医疗</option>-->
        <!--</select>-->
        <!--<br/>-->

        <!--<label>籍贯</label><br>-->
        <!--<select>-->
            <!--<option>江苏省</option>-->
            <!--<option>河南省</option>-->
            <!--<option>黑龙江</option>-->
            <!--<option>山东省</option>-->
        <!--</select>  <br/>-->

        <!--<label>评论</label>-->
        <!--<textarea></textarea>  <br/> &lt;!&ndash; 文本域 / 多行文本框 &ndash;&gt;-->

        <!--<label>日期选择器：</label>-->
        <!--<input type="date">-->
        <!--<input type="time"><br/>-->

        <!--<label>颜色选择器：</label> <input type="color">  <br/>-->
        <!--<label>数值：</label>       <input type="number"> <br/>-->
        <!--<label>邮箱：</label>      <input type="email"> <br/>-->

        <!--<input type="submit" value="登录|注册|保存|提交">-->
        <!--<input type="button" value="取消">-->
        <!--<button>取消</button>-->
        <!--<input type="reset" value="重置">-->
    </form>
</body>
</html>